<template>
  <div class="main">
      <h1>这里展示店的营业情况（图表、数据）</h1>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>认证情况</span>
      </div>
      <div class="box">
        <div class="item">
          <span class="dataNum">9999</span>
          <span class="dataDis">累计曝光</span>
        </div>
        <div class="item">
          <span class="dataNum">9999</span>
          <span class="dataDis">累计浏览</span>
        </div>
        <div class="item">
          <span class="dataNum">9999</span>
          <span class="dataDis">客户咨询</span>
        </div>
        <div class="item">
          <span class="dataNum">9999</span>
          <span class="dataDis">关注我的</span>
        </div>
      </div>
      <div class="box">
        <div class="item">
          <span class="dataNum">9999</span>
          <span class="dataDis">待报价</span>
        </div>
        <div class="item">
          <span class="dataNum">9999</span>
          <span class="dataDis">待付款</span>
        </div>
        <div class="item">
          <span class="dataNum">9999</span>
          <span class="dataDis">待发货</span>
        </div>
        <div class="item">
          <span class="dataNum">9999</span>
          <span class="dataDis">待售后</span>
        </div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>访客统计</span>
      </div>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>
<style scoped>
.box-card {
  margin-bottom: 30px;
}
.clearfix {
  font-weight: 700;
}
.box {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%;
  margin: 20px;
}
.item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dataDis {
  font-weight: 600;
  /* color:rgb(129, 187, 100); */
  font-size: 14px;
}
.dataNum {
  color: #67c23a;
  font-size: 20px;
  font-weight: 700;
}
</style>